<template lang="html">
  <div class="indexFooter">
    <div class="footer-one">
      <el-row>
        <el-col :span="15">
          <div class="foot-left">
            <div class="foot-wd">
              <p>智通达智慧采选平台</p>
              <p>友情链接: <a class="blogroll" href="http://lib.hfut.edu.cn/" target="_blank">合肥工业大学</a> |
                  <a class="blogroll" href="http://lib.ustc.edu.cn/" target="_blank">中国科技大学</a> |
                  <a class="blogroll" href="http://lib.wxc.edu.cn/" target="_blank">皖西学院</a> |
                  <a class="blogroll" href="http://lib.tlu.edu.cn/" target="_blank">铜陵学院</a> |
                  <a class="blogroll" href="#" target="_blank">上海电子科技学院</a>
              </p>
              <p>关于智通达</p>
            </div>
          </div>
        </el-col>
        <el-col :span="9">
          <div class="rig-ewm">
						<span>
							<img src="static/image/foot1.png" alt="">
							<p class="follow-caixuan">关注智慧采选平台</p>
						</span>
            <span>
							<img src="static/image/foot1.png" alt="">
							<p class="follow-caixuan">关注智通达公众号</p>
						</span>
          </div>
        </el-col>
      </el-row>
    </div>
    <el-row>
      <el-col :span="24">
        <div class="record-number">Copyright © 2018 WST All Rights Reserved. 皖ICP备17018588号-2</div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  name:'indexFooter'
}
</script>

<style lang="scss" scoped>
.indexFooter{
  width: 100%;
  padding-top:1rem;
}
  .footer-one{
    background-color: #434344;
    color: #fff;
    width: 100%;
    padding:2rem 0;
    .foot-left {
      width: 76%;
      border-right: 1px solid #fff;
      margin: auto;
      .foot-wd {
        width: 62%;
        text-align: left;
        margin:auto;
      }
    }
    a {
      font-size: .7rem;
      color: #fff;
    }
    p {
      font-size: .7rem;
      line-height: 1.7rem;
    }
  }
  .record-number {
    width: 100%;
    color: #fff;
    height: 1.2rem;
    line-height:1.2rem;
    background-color: #111111;
    font-size:.6rem;
  }
  .rig-ewm {
    display: flex;
    span {
      display:inline-block;
      padding-left: 4.6rem;
      img {
        width: 3rem;
        height: 3rem;
      }
    }
  }
</style>
